<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>报告生成</title>
    <link rel="stylesheet" href="../styles/reportGenerator.css">
</head>
<body>
    <div class="report-generator-container">
        <h2>报告生成</h2>
        
        <div class="report-type-selector">
            <button class="report-type-btn active" data-type="daily">日报</button>
            <button class="report-type-btn" data-type="weekly">周报</button>
            <button class="report-type-btn" data-type="monthly">月报</button>
        </div>
        
        <form id="report-form">
            <div class="form-row">
                <div class="form-group">
                    <label for="report-name">姓名 *</label>
                    <input type="text" id="report-name" placeholder="输入姓名" required>
                </div>
                
                <div class="form-group">
                    <label for="report-department">部门</label>
                    <input type="text" id="report-department" placeholder="输入部门">
                </div>
                
                <div class="form-group">
                    <label for="report-position">职位</label>
                    <input type="text" id="report-position" placeholder="输入职位">
                </div>
            </div>
            
            <div class="form-group" id="status-group">
                <label for="report-status">今日状态</label>
                <input type="text" id="report-status" placeholder="输入今日状态">
            </div>
            
            <div class="form-group" id="date-group">
                <label for="report-date">日期</label>
                <input type="date" id="report-date">
            </div>
            
            <div class="form-group" id="date-range-group" style="display: none;">
                <div class="form-row">
                    <div class="form-group">
                        <label for="report-start-date">开始日期</label>
                        <input type="date" id="report-start-date">
                    </div>
                    
                    <div class="form-group">
                        <label for="report-end-date">结束日期</label>
                        <input type="date" id="report-end-date">
                    </div>
                </div>
            </div>
            
            <div class="form-group">
                <label for="report-summary">工作概述</label>
                <textarea id="report-summary" placeholder="输入工作概述" rows="3"></textarea>
            </div>
            
            <div class="form-group">
                <label for="report-tasks">工作内容</label>
                <textarea id="report-tasks" placeholder="输入工作内容" rows="4"></textarea>
            </div>
            
            <div class="form-group">
                <label for="report-achievements">工作成果</label>
                <textarea id="report-achievements" placeholder="输入工作成果" rows="3"></textarea>
            </div>
            
            <div class="form-group">
                <label for="report-plans">明日/下周/下月计划</label>
                <textarea id="report-plans" placeholder="输入计划" rows="3"></textarea>
            </div>
            
            <div class="form-group">
                <label for="report-issues">遇到的问题</label>
                <textarea id="report-issues" placeholder="输入遇到的问题及解决方案" rows="3"></textarea>
            </div>
            
            <div class="form-group">
                <label for="report-assistance">需要协助的事项</label>
                <textarea id="report-assistance" placeholder="输入需要协助的事项" rows="2"></textarea>
            </div>
            
            <div class="form-group">
                <label for="report-notes">备注</label>
                <textarea id="report-notes" placeholder="输入备注" rows="2"></textarea>
            </div>
            
            <div class="form-actions">
                <button type="button" id="generate-preview-btn">预览报告</button>
                <button type="button" id="export-text-btn">导出为文本</button>
                <button type="button" id="export-md-btn">导出为Markdown</button>
                <button type="button" id="copy-report-btn">复制到剪贴板</button>
            </div>
        </form>
        
        <div class="report-preview" id="report-preview" style="display: none;">
            <h3>报告预览</h3>
            <div id="preview-content"></div>
            <button id="close-preview-btn">关闭预览</button>
        </div>
        
        <div class="report-actions">
            <button id="close-report-generator">关闭</button>
        </div>
    </div>
    
    <script src="../src/reportGeneratorRenderer.js"></script>
</body>
</html>